<div class="rev-list">
    <ul>
        <#--//点评列表-->
        <#list pageInfo.list as c>
            <li class="rev-item comment-item clearfix">
                <div class="user"><a class="avatar" href="/查看用户信息?userId=${c.user.id}" target="_blank">
                        <img src="${c.user.headImgUrl!}"
                             width="48" height="48"></a><span class="level">LV.${c.user.level!}</span></div>
                <a class="useful" data-id="${c.id!}" title="点赞">
                    <i></i><span class="useful-num " commentid="${c.id!}">${c.thumbupnum!}</span>
                </a>
                <a class="name" href="/查看用户信息?userId=${c.user.id}"" target="_blank">${c.user.nickname!}</a>
                <span class="s-star s-star${c.rank!}"></span><#if c.type==1> <a href="/i/3316143.html"
                                                                                target="_blank"><span
                        class="icon-goldComment"></span></a></#if>
                <p class="rev-txt">${c.comment!}</p>

                <#if c.pictures??>
                    <div class="rev-img ">
                        <#list c.pictures as p>
                            <a href="/photo/list?scenicId=#{c.scenicId}" target="_blank">
                                <img src="${p}" width="200" height="120"></a>
                        </#list>
                    </div>
                </#if>
                <div class="info clearfix">
                    <a class="btn-comment _j_comment" title="添加评论" data-comment_id="${c.id!}">评论</a>
                    <span class="time">${c.createTime?string('yyyy-MM-dd HH:ss')}</span>
                    <#-- <span class="from">
                                 此条点评来自游记<a href="/i/12601474.html" target="_blank">《南国花城正月中 ——2019年春节广州记（含长...》</a>
                     </span>-->
                </div>
                <#--点评的回复-->
                <#if c.commentReplies??>
                    <#list c.commentReplies as reply>
                        <div class="comment add-reply ">
                        <ul class="more_reply_box comment_list">
                            <li>

                                <a href="用户界面条状?${(reply.user.id!)!}" target="_blank">
                                    <img src="${reply.user.headImgUrl!}" width="16" height="16">${reply.user.nickname!}
                                </a>
                                <#if reply.type==1><#--回复评论-->
                                    回复&nbsp;${(reply.parent.user.nickname)!}
                                </#if>
                                :${reply.content!}
                                <a class="_j_reply re_reply" data-comment_id="${c.id!}" data-id="${reply.id!}"
                                   data-uid="${reply.user.id!}" data-headUrl="${reply.user.headImgUrl!}"
                                   data-username="${reply.user.nickname!}" data-content="${reply.content!}"
                                   title="添加回复">回复</a>
                                <br><span class="time">${(reply.createTime!)?string('yyyy-MM-dd HH:ss')}</span>
                            </li>
                        </ul>
                    </#list>
                <#-- 回复框-->
                    <div class="add-comment hide reply-form">
                                    <textarea class="comment_reply" data-comment_id="${c.id!}" data-type=""
                                              data-comment_username="${c.user.nickname}" data-scenic_id="${c.scenicId!}"
                                              data-parent_id="" data-parent_uid="" data-parent_username=""
                                              data-parent_headUrl="" data-parent_content=""
                                              style="overflow: hidden; color: rgb(68,68,68);"></textarea>
                        <a class="btn btn_submit_reply">回复</a>
                    </div>
                    </div>

                </#if>
            </li>
        </#list>
    </ul>
</div>

<script>
    $(function () {
        //点击评论
        var text;//文本域对象
        var json;//存储需要提交的数据
        $("._j_comment").click(function () {
            var id = $(this).data("comment_id");
            text = $("textarea[data-comment_id=" + id + "]");
            text.parent("div").toggleClass('hide', 600); //样式轮换
            text.attr("placeholder", "发表评论:");
            text.data("type", 0);
            text.focus();//光标移到指定位置
            //失去焦点之后隐藏
            text.blur(function () {
                setTimeout(function () {
                    text.parent("div").attr("class", "add-comment hide reply-form");
                }, 600);//600ms秒后回复框消失
            })

        })

        //提交回复评论
        $(".btn_submit_reply").click(function () {

            //检查是否有回复内容
            if (!text.val()) {
                popup("评论不能为空");
                flag = true;
                return;
            }

            //点评id
            var scenicCommentId = text.data("comment_id");
            var scenicId = text.data("scenic_id");
            var type = text.data("type");
            var content = text.val();


            json = {
                "scenicCommentId": scenicCommentId,
                "scenicId": scenicId,
                "type": type,
                "content": content
            }
            //回复评论需要提交的数据
            if (type == 1) {
                var parentId = text.data("parent_id");//父评论的id
                var uid = text.data("parent_uid");//父评论的用户id
                var username = text.data("parent_username");//父评论的用户名字
                // var headUrl = text.data("parent_headUrl");//父评论的用户头像
                var parentContent = text.data("parent_content");//父评论的用户头像
                json = {
                    "scenicCommentId": scenicCommentId,
                    /* "scenicId": scenicId,*/
                    "type": type,
                    "parent.id": parentId,
                    "parent.user.id": uid,
                    "parent.user.nickname": username,
                    "parent.content": parentContent,
                    "content": content
                }
            }

            //发送ajax请求
            $.post("/scenic/addReplyComment", json, function (data) {
                if (data.success) {
                    window.location.reload();
                } else {
                    alert(data.msg);
                }

            })
        })

        //点击回复
        $(".re_reply").click(function () {

            var id = $(this).data("comment_id");//获取需要点评id
            var parentId = $(this).data("id");//获取需要回复的id
            var uid = $(this).data("uid");//获取需要回复的评论的用户id
            var username = $(this).data("username");//获取需要回复的评论的用户名字
            var headUrl = $(this).data("headUrl");//获取需要回复的评论的用户头像
            var content = $(this).data("content");//获取需要回复的评论的用户头像

            text = $("textarea[data-comment_id=" + id + "]");
            text.parent("div").toggleClass('hide', 600); //样式轮换
            text.attr("placeholder", "回复：" + username);
            text.focus();//光标移到指定位置


            text.data("type", 1);//设置类型为回复评论
            text.data("parent_id", parentId);//父评论的id
            text.data("parent_uid", uid);//父评论的用户id
            text.data("parent_username", username);//父评论的用户名字
            text.data("parent_headUrl", headUrl);//父评论的用户头像
            text.data("parent_content", content);//父评论的用户头像

            //失去焦点之后隐藏
            text.blur(function () {
                setTimeout(function () {
                    text.parent("div").attr("class", "add-comment hide reply-form");
                }, 600);//600ms秒后回复框消失
            })
        })

        var thumb;
        $(".useful").click(function () {
            thumb = $(this);
            var commentId = thumb.data("id");
            //$(this).toggleClass('on');//点赞样式轮换
            var tN = $(".useful span[commentid=" + commentId + "]");//子元素准备回显

            //发送ajax请求修改redis数据
            $.get("/scenic/thumbup", {commentId: commentId}, function (data) {
                if (data.success) {
                    tN.html(data.data.thumbsupnum);//返回点赞数
                    thumb.addClass("on");
                    popup("点赞成功");
                } else {
                    if (data.code == 102) {
                        thumb.removeClass("on");
                        popup(data.msg);
                    } else {
                        thumb.removeClass("on");
                        tN.html(data.data.thumbsupnum);//回显新的点赞数
                        popup("已取消点赞");
                    }
                }
            });

        })

        // //回显点赞
        // var cid;
        // $.get("/scenic/isThumbup", {travelId: tid}, function (data) {
        //     if (data.success) {
        //         popup("收藏成功"); //
        //     } else {
        //         if (data.code == 102) {
        //             $(".collect_icon").removeClass("on-i02")
        //             popup(data.msg);
        //         } else {
        //             $(".collect_icon").removeClass("on-i02")
        //             //$(".favorite_num").html(data.data.favornum);
        //             popup("已取消收藏"); //
        //         }
        //     }
        // })

    })


</script>
<#--分页-->
<#--<#include "../common/commentPage.ftl">-->
<#include "../common/page.ftl">
